JavaScript eloquente: Un'introduzione moderna alla programmazione: Progettare per la flessibilità: L'interfaccia Tabella

La base di un sistema flessibile risiede nella definizione di un interno rigido contratto o interfaccia che gli oggetti devono seguire. In questo contesto, definiamo una interfaccia Tabella dove ogni oggetto cella garantisce l'esistenza di tre metodi specifici: minLarghezza(), , minAltezza(), e disegna(larghezza, altezza).

1. Il contratto dell'interfaccia

Standardizzando su questi metodi, la logica di disposizione può calcolare le dimensioni globali delle righe e colonne senza conoscere i tipi di dati interni delle singole celle. Questo è un classico esempio di polimorfismo basato sull'interfaccia.

2. Implementazione di TestoCella

Il TestoCella il costruttore prepara l'input grezzo suddividendo le stringhe in array riga per riga. Questo sposta la complessità dalla fase di rendering a quella di istanziazione.

this.testo = testo.split("\n");

3. Disegno deterministico

Il disegna(larghezza, altezza) metodo garantisce che ogni uscita della cella sia perfettamente riempita utilizzando un ripeti() funzione ausiliaria. Questo mantiene allineamento verticale e orizzontale indipendentemente dalla lunghezza del contenuto.

$$\text{Spaziatura} = \text{Larghezza} - \text{lunghezza.riga}$$

TERMINALbash — 80x24

> Ready. Click "Run" to execute.

QUESTION 1

What is the primary benefit of the Table Interface contract in this design?

It forces all data to be strings.

It allows the layout engine to remain agnostic of the data it displays.

It speeds up JavaScript memory allocation.

It automatically creates HTML tables.

QUESTION 2

In TextCell.prototype.minWidth, why is reduce used?

To sum the length of all lines.

To find the longest line length in the cell.

To remove empty lines.

To convert the array back into a string.

✅ Correct!

It uses Math.max within reduce to distill the array of lines down to a single maximum width value.

QUESTION 3

What does TextCell.prototype.draw(width, height) return?

A single long string with newline characters.

A canvas object for rendering.

An array of strings, each exactly 'width' characters wide.

A boolean indicating if the draw was successful.

QUESTION 4

What is the purpose of the repeat helper function?

To handle cell borders.

To add padding spaces to ensure straight columns.

To duplicate rows for larger tables.

To loop through the cell array.

❌ Incorrect

repeat is a utility for string padding, which is critical for visual alignment in text tables.

QUESTION 5

How does TextCell handle a multi-line string input?

It rejects it as invalid data.

It stores it as an array using split('\n').

It replaces newlines with spaces.

It only keeps the first line.

❌ Incorrect

The constructor breaks the input down so minHeight and minWidth can perform calculations on the lines.